<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset="ISO-8859-1">
	<title>Carmen Sandiego</title>
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
	<link href="css/bootstrap-select.min.css" rel="stylesheet" media="screen">
	<link href="css/styles.css" rel="stylesheet" media="screen">
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-select.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="row row-centered">
			<div class="col-xs-6 col-centered">
				<h1 style="color: white; text-align: center;"><span wicket:id="nombreCaso">unCaso</span></h1>	
				<div class="jumbotron backwhite">
					<form wicket:id="investigacionForm">
						<dt>Bienvenido a</dt>
						<dd><h1 style="text-align: center;" wicket:id="paisActual">paisActual</h1></dd>
						<div class="row">
							<div class="btn-group btn-group-justified col-xs-12">
								<div class="btn-group" role="group">
									<button class="btn btn-primary btn-lg" wicket:id="visitar1">
										<span wicket:id="nombreTipoLugar">unLugar</span>
									</button>
								</div>
								<div class="btn-group" role="group">
									<button class="btn btn-primary btn-lg" wicket:id="visitar2">
										<span wicket:id="nombreTipoLugar">unLugar</span>
									</button>
								</div>
								<div class="btn-group" role="group">
									<button class="btn btn-primary btn-lg" wicket:id="visitar3">
										<span wicket:id="nombreTipoLugar">unLugar</span>
									</button>
								</div>
							</div>
						</div>
						<div class="thumbnail" style="height: 200px; margin-top: 30px;" wicket:id="vistaActiva">
							Vista Activa
						</div>
						<div class="alert alert-danger" wicket:id="feedBackPanel" style="height: 62px;">
							Orden de Arresto!!
						</div>
						<div style="margin-top: 30px;">
							<button class="btn btn-info btn-lg btn-block" wicket:id="expedientes">
								<span class="glyphicon glyphicon-list-alt pull-left"></span> 
								Expedientes
							</button>
							<button class="btn btn-danger btn-lg btn-block" wicket:id="interpol">
								<span class="glyphicon glyphicon-screenshot pull-left"></span> 
								Interpol
							</button>
							<button class="btn btn-success btn-lg btn-block" wicket:id="aeropuerto">
								<span class="glyphicon glyphicon-plane pull-left"></span> 
								Aeropuerto
							</button>
						</div>
						<div class="alert alert-warning" role="alert" style="margin-top: 5px;">
							<strong>SE BUSCA:</strong> <span wicket:id="verificarOrden"></span>  
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	    $(".selectpicker").selectpicker();
	</script>
</body>
</html>